// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.

$font-path: '/media/protocol/fonts';
$image-path: '/media/protocol/img';

@import '~@mozilla-protocol/core/protocol/css/includes/lib';
@import '~@mozilla-protocol/core/protocol/css/components/logos/logo';
@import '~@mozilla-protocol/core/protocol/css/components/logos/logo-product-firefox';

// * -------------------------------------------------------------------------- */
//  Main page heading

main {
    text-align: center;

    .mzp-c-logo {
        margin-left: auto;
        margin-right: auto;
    }

    h1 {
        @include text-title-md;
        margin-bottom: 0;

        + p {
            margin-bottom: $layout-md;
        }
    }
}

// * -------------------------------------------------------------------------- */
//  Send to Device widget overrides

.send-to-device {
    margin: 0 auto $spacing-lg;
}

// * -------------------------------------------------------------------------- */
//  QR Code

.qr-code-wrapper img {
    margin-bottom: $spacing-lg;
}

// * -------------------------------------------------------------------------- */
//  App store buttons

.mobile-download-buttons-wrapper {
    margin-bottom: $layout-lg;
}

.mobile-download-buttons li {
    padding-top: $spacing-sm;
    display: inline-block;
}
